// pages/tabBar/cate/cate.js
import {
  request
} from '../../../utils/request.js'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    cateLeftList: [],
    cateRightList: [],
    currentIndex: 0,
    scrollTop:0
  },
  // 接口数据存储
  Cates: [],
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // 使用缓存技术获取分类列表数据
    const cateList = wx.getStorageSync('cateList')
    if (!cateList) {
      this.getcateList()
    } else {
      // 过期时间10分钟
      if (Date.now() - cateList.time > 1000 * 60 * 10) {
        //  console.log(12)
        this.Cates = cateList.data
        let leftList = this.Cates.map(item => item.cat_name)
        let rightList = this.Cates[0].children
        this.setData({
          cateLeftList: leftList,
          cateRightList: rightList
        })
      } else {
        this.getcateList()
      }

    }


  },
  // 同步获取分类列表数据
  async getcateList() {
    let res = await request('/categories')
    // console.log(res)
    this.Cates = res
    // 存入本地数据
    wx.setStorageSync('cateList', {
      time: Date.now(),
      data: this.Cates
    })
    let leftList = this.Cates.map(item => item.cat_name)
    let rightList = this.Cates[0].children
    this.setData({
      cateLeftList: leftList,
      cateRightList: rightList
    })
  },
  // 点击事件
  handleItemTap(e) {
    // console.log(e)
    const index = e.currentTarget.dataset.index;
    // console.log(index)
    let rightList = this.Cates[index].children
    this.setData({
      currentIndex: index,
      cateRightList: rightList,
      // 设置再次点击列表显示置顶
      scrollTop:0
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})